import {defineStore} from 'pinia'
import PcMainMenu from "~/Components/pc/main/pc-main-menu.vue";

export const useIndexStore = defineStore('Index', () => {
        const isMobile = ref(false)
        const search = ref('')
        const search_page = ref(false)
        const search_user = ref([])
        const search_group = ref([])
        const is_dark = ref(false)
        const close_search = () => {
            search_page.value = false
        }
        return {
            isMobile,// 是否是移动端
            search,// 搜索框内容
            search_page,// 搜索页面
            search_user,// 搜索后的联系人列表
            search_group,// 搜索后的群聊列表
            close_search,// 将搜索页面关闭
            is_dark,
        }
    }
)

export const useUserStore = defineStore('User', () => {
    const user = reactive({
        _id: '', // 唯一id
        name: 'Roxy', // 用户名
        avatar: '', // 用户头像
        account: '', // 用户账号
        groups: [
            {id: 1, label: '好友', value: '1'},
            {id: 2, label: '家人', value: '2'},
            {id: 3, label: '亲戚', value: '3'},
        ], // 用户的所有分组
        friends: [], // 用户的所有联系人
        group_obj: {}, // 分组对象
        friend_obj: {}, // 联系人对象
        group_num: 0, // 分组数量
        friend_num: 0, // 联系人数量
    }) // 当前登录的用户对象
    const add_user_obj = reactive({
        check_content: '',
        remake: '',
        group: '',
        is_look: false,
    })
    const add_group_obj = reactive({
        check_content: '',
    })
    const get_user = async () => {
        const res = await $fetch('/api/user/get')
    }
    const on_add_user = async (_id: string) => {
        console.log(_id)
    }
    return {
        user,
        add_user_obj,// 添加联系人对象
        add_group_obj, // 加入群聊对象
        on_add_user, // 添加联系人

    }
})